import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import path, { join } from 'path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    createSvgIconsPlugin({
      // 指定需要缓存的图标文件
      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
      // 指定 symbolId 格式
      symbolId: 'icon-[name]'
    }),
    vueJsx()
  ],
  babel: {
    plugins: ['@vue/babel-plugin-jsx']
  },
  // 软连接
  resolve: {
    alias: {
      '@': join(__dirname, '/src')
    },
    extensions: ['.mjs', '.js', '.jsx', '.json', '.vue']
  },
  // 配置代码
  server: {
    port: 9999,
    proxy: {
      // 代理所有 /api的请求
      '/api': {
        // 代理请求之后的请求地址
        target: 'http://ceshi2.dishait.cn/',
        // 跨域
        changeOrigin: true
      }
    }
  }
})
